﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Logon.aspx.cs" Inherits="MyWeb.Admins.Logon" %>
<%@ Import Namespace="MyWeb.Common" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Login Administrator</title>
  <%--  <link rel="shortcut icon" href="../HoangHa.ico" type="/favicon"/>--%> 
    <style type="text/css" >
        /*Login*/
        body
        {
            background: url(<%=GlobalClass.GetUrlAdminImage()%>login_bg_stripe.png) repeat;
            padding: 0;
            margin: 0;
            font-family: "Lucida Sans Unicode" , "Lucida Grande" , "Trebuchet MS" , Helvetica, Arial, sans-serif;
            line-height: 20px;
            letter-spacing: .1px;
            word-spacing: 1px;
            border: 0;
            vertical-align: baseline;
        }
        #line
        {
            width: 100%;
            height: 10px;
            background: #181717;
            border-bottom: 1px solid #424242;
        }
        #background
        {
            background: url(<%=GlobalClass.GetUrlAdminImage()%>loginbg.png) 50% 0 no-repeat;
            padding-top: 50px;
        }
        #container
        {
            width: 960px;
            margin: 0 auto;
        }
        #logo
        {
            width: 600px;
            margin: 0 auto;
            text-align: center;
            margin-bottom: 50px;
        }
        #box
        {
            padding: 30px 30px 50px 30px;
            width: 300px;
            border: 1px solid #fff;
            margin: 0 auto;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            -moz-box-shadow: 1px 1px 0px #333;
            -webkit-box-shadow: 1px 1px 0px #333;
            box-shadow: 1px 1px 0px #333;
            background: #fbfbfb;
            background: -moz-linear-gradient(top,#fbfbfb,#f5f5f5);
            background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#f5f5f5));
        }
        .field
        {
            font-size: 16px;
            padding: 4px 40px;
            width: 220px;
            clear: left;
            background: #eee;
            color: #888;
            border-width: 1px;
            border-style: solid;
            border-color: #d9d9d9 #eaeaea white;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            font-size: 19px;
        }
        .user
        {
            background: #eee url(<%=GlobalClass.GetUrlAdminImage()%>usernamefield.png) no-repeat 0 -32px;
        }
        .pass
        {
            background: #eee url(<%=GlobalClass.GetUrlAdminImage()%>passwordfield.png) no-repeat 0 -32px;
        }
        .submit
        {
            clear: left;
            color: #fff;
            text-decoration: none;
            font-size: 14px;
            font-family: Arial, Helvetica, sans-serif;
            font-weight: bold;
            text-shadow: 0 1px 1px #0c507b;
            letter-spacing: 0px;
            text-transform: uppercase;
            padding: 8px 12px 6px 12px;
            margin: 0 0 0 115px;
            background: #3aa3e6;
            background: -moz-linear-gradient(top, #87c6ee, #3aa3e6 2%, #028fe8);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #87c6ee), color-stop(.01, #3aa3e6), to(#028fe8));
            border: 1px solid #0082d5;
            borer-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            outline: none;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div id="line">
    </div>
    <div id="background">
        <div id="container">
            <div id="logo">
                <img src="../../App_Themes/Admin/images/logologin.png" alt="Logo" />
            </div>
            <div id="box">
                <div>
                    <p>
                        <asp:TextBox ID="txtUsername" runat="server" CssClass="field user" onfocus="if(this.value=='Tài khoản')this.value='';"
                            onblur="if(this.value=='')this.value='Tài khoản';" value="Tài khoản"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="rfvUsername" runat="server" ControlToValidate="txtUsername"
                            Display="Dynamic" ErrorMessage="*" SetFocusOnError="True"></asp:RequiredFieldValidator></p>
                </div>
                <div>
                    <p>
                        <asp:TextBox ID="txtPassword" runat="server" CssClass="field pass" onfocus="if(this.value=='Password')this.value='';"
                            onblur="if(this.value=='')this.value='Password';" value="Password" TextMode="Password"></asp:TextBox><asp:RequiredFieldValidator
                                ID="rfvPassword" runat="server" ControlToValidate="txtPassword" Display="Dynamic"
                                ErrorMessage="*" SetFocusOnError="True"></asp:RequiredFieldValidator>
                    </p>
                </div>
                <div>
                    <p>
                        <asp:Literal ID="ltrError" runat="server"></asp:Literal>
                    </p>
                </div>
                <div>
                    <p>
                        <asp:Button ID="btnLogon" CssClass="submit" runat="server" Text="Login" OnClick="btnLogon_Click" />
                    </p>
                </div>
            </div>
        </div>
    </div>
    </form>
</body>
</html>
